<style>
    footer {
        background: #003;
        padding: 50px;
        color: #fff; }
    footer ul.links {
        width: 200px;
        float: left;
        list-style: none; }
    footer ul.links li {
        margin: 10px; }
    footer a {
        color: #fff; }
    footer a:hover {
        text-decoration: none;
        font-weight: bold; }

</style>
<footer>
    <ul class="links" style="width: 250px">
        <li>Copyright©<a href="mailto:joenahm@yeah.net">JoeNahm</a></li>
        <li style="font-style: italic">Powered by <a target="_blank" href="https://spring.io/projects/spring-boot">Spring Boot</a></li>
    </ul>
    <ul class="links">
        <li><a target="_blank" href="http://sjydzq.cn" title="感·想">世间一等珍奇</a></li>
        <li><a target="_blank" href="http://sjydzq.top" title="开发测试">稍加有点追求</a></li>
    </ul>
    <ul class="links">
        <li><a target="_blank" href="http://blog.csdn.net/joenahm" title="我的CSDN博客">此红柳</a></li>
        <li><a target="_blank" href="https://www.cnblogs.com/joenahm/" title="我的cnblogs博客">彼红柳</a></li>
        <li><a target="_blank" href="http://github.com/joenahm">我的GitHub</a></li>
        <li><a target="_blank" href="https://gitee.com/joenahm">我的码云</a></li>
    </ul>
    <ul class="links">
        <li><a target="_blank" href="http://www.xuzhengke.cn/">厂长的博客</a></li>
        <li><a target="_blank" href="http://www.yaoyorozu.cn/">教主的博客</a></li>
    </ul>
    <div style="clear: both;"></div>
</footer>
